<template>
	<div class="web-font">
	  <img style="width: 70%;margin-left: 15%;" src="../assets/img/2.4.png" height="441px"/>
	  <div class="b9_actdet">
	  	 <p class="b9_actdet-page">首页>活动资讯><span style="color: black;">资讯详情</span></p>
	  	 <div class="b9_actdet-pic">
	  	 	<header>
	  	 		<h2 >2018週年慶 珍珠蛋白活力因子 打造高顏值妝容</h2>
	  	 		<p style="font-size: 28px;margin-bottom: 0;">全面簡化、面部身體系列</p>
	  	 		<p class="b9_actdet_time"><img src="../assets/img/time.png"/><span>2018/9/9</span></p>
	  	 	</header>
	  	 	<section class="b9_actdet_img">
	  	 		<img src="../assets/img/4-3.png" />
	  	 		<img src="../assets/img/4-2.png" />
	  	 		<img src="../assets/img/4-4.png" />
	  	 		<img src="../assets/img/4-1.png" />
	  	 	</section>
	  	 </div>
	  </div>
	  
	</div>
</template>

<script>
	  export default {
	  	name:'Actdet',
	  	mounted(){
	  		this.tableData()
	    },
	    data(){
	    	return {
	    		msg:1
	    	}
	    },
	    methods:{
	    	tableData(){
	    		let self = this;
				this.msg="7";
	    	}
	    }
	}
</script>

<style>
	
	.b9_actdet h2{
		font-size: 40px;
	}
	.b9_actdet_time{
		margin-top: 5px;
	}
	.b9_actdet_time img{
		width: 14px;
		height: 14px;
		vertical-align: middle;
	}
	.b9_actdet_time span{
		color: #B8B8B8;
		font-size: 12px;
		vertical-align: middle;
		margin-left: 10px;
	}
	.b9_actdet_img img{
		width: 70%;
		border: dotted 1px #9d9d9f;
	}
	.b9_actdet-pic{
		text-align: center;
		margin-top: 50px;
		margin-bottom: 100px;
	}
	.b9_actdet-page{
		color: #959595;
		font-size: 12px;
	}
	.b9_actdet{
		width: 70%;
		margin-left: 15%;
	}
</style>